Description

Fixes #4236

When columns are dynamically added to a table with resizableColumns enabled, the minWidth property was being ignored. Instead, columns defaulted to DEFAULT_COLUMN_WIDTH (120px) even when they had a minWidth property set.

Problem

In use-column-widths.tsx, the code path for dynamically added columns (line ~171) only checked column.width:

newColumnWidths.set(column.id, (column.width as number) || DEFAULT_COLUMN_WIDTH);

This is inconsistent with the initial render behavior in readWidths() (lines 27-32), which correctly handles minWidth:

let width = (column.width as number) || 0;
const minWidth = (column.minWidth as number) || width || DEFAULT_COLUMN_WIDTH;
result.set(column.id, Math.max(width, minWidth));

Solution

Apply the same logic to dynamically added columns, ensuring minWidth is respected consistently:

const width = (column.width as number) || 0;
const minWidth = (column.minWidth as number) || width || DEFAULT_COLUMN_WIDTH;
newColumnWidths.set(column.id, Math.max(width, minWidth));

Testing

Added a new test case should respect minWidth for dynamically added columns without explicit width that:

1. Renders a table with only one visible column
2. Dynamically adds columns that have minWidth but no explicit width
3. Verifies the columns respect their minWidth values instead of falling back to DEFAULT_COLUMN_WIDTH

All existing tests continue to pass.